.main_content {
  width: 100%;
  height: 100%;
  background: #f5f3ff;
  border-radius: 20rpx;
}

.content {
  width: 100%;
  height: 100%;
  position: relative;
}

.tabs {
  width: 100%;
  padding: 0 20rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.box {
  width: 100%;
  height: calc(100% - 72rpx);
  padding: 10rpx 80rpx 30rpx;
}

.top {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.btn {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;

  text {
    font-size: 30rpx;
    color: #2BA9E8;
  }

  image {
    margin-left: 30rpx;
    width: 36rpx;
    height: 36rpx;
  }
}

.image {
  width: 366rpx;

  image {
    width: 100%;
  }
}

.info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.progress {
  width: 100%;
  display: flex;
  justify-content: center;
}

.progress_content {
  width: 284rpx;
  height: 284rpx;
  display: flex;
  justify-content: center;
  align-items: center;

  &+.progress_content {
    margin-left: 160rpx;
  }

  &:nth-child(1) {
    background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/review/progress_bg1.png) center center/cover no-repeat;
  }

  &:nth-child(2) {
    background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/review/progress_bg2.png) center center/cover no-repeat;
  }
}

.progress_box {
  width: 100%;
  height: 100%;
  padding: 80rpx 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;

  view {
    font-size: 50rpx;
    color: #FFFFFF;
  }

  text {
    font-size: 30rpx;
    color: #FFFFFF;
  }
}

.username {
  margin-top: 20rpx;
  margin-bottom: 40rpx;
  font-size: 52rpx;
  color: #272525;
  line-height: 60rpx;
}

.num {
  width: 1014rpx;
  height: 152rpx;
  background: #F6F7F9;
  border-radius: 10rpx;
  border: 2rpx solid #E4E4E4;
  display: flex;
}

.num_content {
  flex: 1;
  height: 100%;
  padding: 30rpx 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;

  &::after {
    content: "";
    width: 4rpx;
    height: 50rpx;
    background: #ebecee;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
}

.num_title {
  font-size: 30rpx;
  color: #464646;
}

.num_text {
  font-size: 30rpx;
  color: #979797;
}

.bottom {
  width: 100%;
  height: calc(100% - 576rpx);
  margin-top: 20rpx;
}

.table {
  width: 100%;
  height: 100%;
  border-radius: 10rpx;
  background: #e0f0fa;
  overflow: hidden;
}

.table_header {
  width: 100%;
  height: 60rpx;
  background: rgba($color: #078ACF, $alpha: 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

  text {
    font-size: 30rpx;
    color: #464646;
  }
}

.table_btn {
  width: 120rpx;
  height: 32rpx;
  background: #0793d3;
  border-radius: 16rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 15rpx;
  top: 50%;
  transform: translateY(-50%);

  text {
    font-size: 24rpx;
    color: #fff;
  }
}

.table_content {
  width: 100%;
  height: calc(100% - 60rpx);
  padding: 30rpx;
}

.table_box {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.u-th {
  background-color: #e0f0fa;
  color: #2ba9e8;
}